<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum_scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>苏宁移动端</title>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jq.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="top_content_one">
            <img src="./image/classify.png">
            <img src="./image/topAd.gif">
            <img src="./image/login.png">
        </div>
        <div class="top_content_two">
            <a href="#">
                <img src="./image/search.png">
                <span>空调</span>
            </a>
        </div>
    </div>
    <!-- 横幅 -->
    <div class="banner">
        <div class="banner_swiper">
            <div class="banner_swiper_wrap">
                <div class="banner_swiper_item">
                    <img src="./image/banner5.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner1.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner2.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner3.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner4.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner5.jpg">
                </div>
                <div class="banner_swiper_item">
                    <img src="./image/banner1.jpg">
                </div>
            </div>
        </div>
    </div>
    <!-- 分类 -->
    <div class="classify">
        <div>
            <a href="#">
                <img src="./image/classify1.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify2.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify3.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify4.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify5.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify6.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify7.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify8.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify9.png">
                <p>苏宁家电</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="./image/classify10.png">
                <p>苏宁家电</p>
            </a>
        </div>
    </div>
    <!--   -->
</body>

</html>